<% layout('../layouts/layout') %>
<% include ../../layouts/layout.header.ejs %>
<link rel="stylesheet" href="/css/credit.css">
<%- partial('../includes/breadCrumbs.ejs', {
    breadCrumbs:[
        {
            'name':'首页', // 名称
            'url':'/'        // url
        },
        {
            'name':'市场监管', // 名称
            'url':'javascript://'        // url
        }
    ]
}) %>

<style>
    [v-cloak] {
        display: none;
    }
    .hideBox.show{
        display: inline-block !important;
    }
</style>
<div class="container">
    <div class="row">
        <div id="sjcj_Vm">
            <div class="cnt-main clearfix text-center">
                <div id="cntNav" class="cnt-nav clearfix">
                    <div class="clearfix" style="display: inline-block" id="cntNav">
                        <a class="btn btn-primary cnt-nav-btn active" data-style="2" href="#jyyc">
                            经营异常名录
                        </a>
                        <a class="btn btn-primary cnt-nav-btn no-border-left" data-style="1" href="#yzwf">
                            严重违法企业名单
                        </a>
                        <a  class="btn btn-primary cnt-nav-btn no-border-left" data-style="1" href="#ccjc">
                            抽查检查公示
                        </a>
                        <a class="btn btn-primary cnt-nav-btn no-border-left" data-style="1" href="#jcjy">
                            检查检验公示
                        </a>
                        <a class=" btn btn-primary cnt-nav-btn no-border-left" data-style="1" href="#xzcf">
                            行政处罚公示
                        </a>
                    </div>
                </div>
            </div>
            <!--异常经验-->
            <div id="jyyc" class="cnt-box-main">
                <div class="cnt-box clearfix">
                    <div class="cnt-box-left">
                        <div class="clearfix">
                            <div class="box-hd" style="float:left">
                                <span class="hd-tip"></span>
                                <span>经营异常名录</span>
                            </div>
                            <div class="text-right getmore" style="float:right">
                                <a href="/scjg/jyyc">更多>></a>
                            </div>
                        </div>
                        <div class="box-cnt-main">
                            <div class="text-center" v-if="jyyc.toggle == 3">暂无数据</div>
                            <div class="text-center" v-if="jyyc.toggle == 1">正在加载</div>
                            <div id="abnormalListDataBox" style="height: 510px;overflow: hidden" v-if="jyyc.toggle == 2">
                                <div class="box-cnt" v-for="(item,index) in jyyc.infoList">
                                    <div class="box-cnt-title">
                                        <a v-cloak v-bind:href='"scjg/details?regNum=" + item.regNum + "&credNum=" +item.credNum + "&custName=" + item.custName + "&custId=" + item.custId'>
                                            {{ item.custName }}
                                        </a>
                                    </div>
                                    <div class="box-cnt-1" v-cloak>
                                        <span class="times">列入异常次数：{{ item.exceptionNum }}次</span>
                                        <span>列入原因： {{item.dirReson}}</span>
                                    </div>
                                    <div class="box-cnt-2" v-cloak>
                                        <span class="times">列入日期：{{ item.dirDate }}</span>
                                        <span>列入决定机关：{{ item.unit }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="cnt-box-right">
                        <div class="box-hd">
                            <span class="hd-tip"></span>
                            <span>列入异常企业次数统计</span>
                        </div>
                        <div class="box-cnt">
                            <table class="table table-default">
                                <thead>
                                <tr>
                                    <th width="15%">排名</th>
                                    <th width="55%">主体名称</th>
                                    <th width="30%">列入异常次数</th>
                                </tr>
                                </thead>
                                <tbody v-cloak>
                                <tr v-if="jyycCount.toggle == 3">
                                    <td colspan="3">暂无数据</td>
                                </tr>
                                <tr v-if="jyycCount.toggle == 1">
                                    <td colspan="3">正在加载</td>
                                </tr>
                                <tr v-cloak v-if="jyycCount.toggle == 2" v-for="(item1,index) in jyycCount.infoList">
                                    <td v-cloak >{{ index + 1 }}</td>
                                    <td class="text-center">
                                        <a v-bind:href='"scjg/details?regNum=" + item1.regNum + "&credNum=" +item1.credNum + "&custName=" + item1.custName + "&custId=" + item1.custI'>
                                            {{ item1.custName }}
                                        </a>
                                    </td>
                                    <td class="color-red">{{ item1.exceptionNum }}</td>
                               </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <!--严重违法-->
            <div id="yzwf" class="cnt-box-main">
                <div class="cnt-box clearfix">
                    <div class="cnt-box-left">
                        <div class="clearfix">
                            <div class="box-hd" style="float:left">
                                <span class="hd-tip"></span>
                                <span>严重违法企业名单</span>
                            </div>
                            <div class="text-right getmore" style="float:right">
                                <a href="/scjg/yzwf">更多>></a>
                            </div>
                        </div>
                        <div class="box-cnt-main">
                            <div class="text-center" v-if="yzwf.toggle == 3">暂无数据</div>
                            <div class="text-center" v-if="yzwf.toggle == 1">正在加载</div>
                            <div id="abnormalListDataBox" v-if="jyyc.toggle == 2" style="height: 510px;overflow: hidden">
                                <div class="box-cnt" v-for="(item,index) in yzwf.infoList">
                                    <div class="box-cnt-title">
                                        <a :href='"scjg/details?regNum=" + item.regNum + "&credNum=" +item.credNum + "&custName=" + item.custName + "&custId=" + item.custI'>
                                            {{ item.custName }}
                                        </a>
                                    </div>
                                    <div class="box-cnt-1" v-cloak>
                                        <span class="times">列入异常次数：{{ item.illegalNum }}次</span>
                                        <span>列入原因： {{item.saveCause}}</span>
                                    </div>
                                    <div class="box-cnt-2" v-cloak>
                                        <span class="times">列入日期：{{ item.saveTime }}</span>
                                        <span>列入决定机关：{{ item.unit }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="cnt-box-right">
                        <div class="box-hd">
                            <span class="hd-tip"></span>
                            <span>严重违法企业次数统计</span>
                        </div>
                        <div class="box-cnt">
                            <table class="table table-default">
                                <thead>
                                <tr>
                                    <th width="15%">排名</th>
                                    <th width="55%">主体名称</th>
                                    <th width="30%">受惩罚次数</th>
                                </tr>
                                </thead>
                                <tbody id="yzwfTbd">
                                    <tr v-if="yzwfCount.toggle == 3">
                                        <td colspan="3">暂无数据</td>
                                    </tr>
                                    <tr v-if="yzwfCount.toggle == 1">
                                        <td colspan="3">正在加载</td>
                                    </tr>
                                    <tr v-if="yzwfCount.toggle == 2" v-for="(item1,index) in yzwfCount.infoList">
                                        <td>{{ index + 1 }}</td>
                                        <td class="text-center">
                                            <a :href='"scjg/details?regNum=" + item1.regNum + "&credNum=" +item1.credNum + "&custName=" + item1.custName + "&custId=" + item1.custI'>
                                                {{ item1.custName }}
                                            </a>
                                        </td>
                                        <td class="color-red">{{ item1.illegalNum }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <!--抽查检查-->
            <div id="ccjc" class="cnt-box-main" style="height: 605px;">
                <div class="cnt-box clearfix">
                    <div class="cnt-box-left">
                        <div class="clearfix">
                            <div class="box-hd" style="float:left">
                                <span class="hd-tip"></span>
                                <span>抽查检查</span>
                            </div>
                            <div class="text-right getmore" style="float:right">
                                <a href="/scjg/ccjc">更多>></a>
                            </div>
                        </div>
                        <div class="box-cnt-main" style="height: 516px;overflow: hidden">
                            <div class="text-center" v-if="ccjc.toggle == 3">暂无数据</div>
                            <div class="text-center" v-if="ccjc.toggle == 1">正在加载</div>
                            <div id="abnormalListDataBox" style="height: 510px;overflow: hidden" v-if="ccjc.toggle == 2">

                                <div class="box-cnt" v-for="(item,index) in ccjc.infoList">
                                    <div class="box-cnt-title">
                                        <a href='"scjg/details?regNum=" + item.regNum + "&credNum=" +item.credNum + "&custName=" + item.custName + "&custId=" + item.custI'>
                                            {{ item.entName }}
                                        </a>
                                    </div>
                                    <div class="box-cnt-1" v-cloak>
                                        <span class="times" style="width: 350px;">不及格次数：{{ item.failNum }}次</span>
                                        <span>检查结果： {{item.checkResult}}</span>
                                    </div>
                                    <div class="box-cnt-2" v-cloak>
                                        <span class="times" style="width: 350px;">检查实施机关：{{ item.checkDept }}</span>
                                        <span>日期：{{ item.checkDate }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="cnt-box-right">
                        <div class="box-hd">
                            <span class="hd-tip"></span>
                            <span>不合格企业次数统计</span>
                        </div>
                        <div class="box-cnt">
                            <table class="table table-default">
                                <thead>
                                <tr>
                                    <th width="15%">排名</th>
                                    <th width="55%">主体名称</th>
                                    <th width="30%">不及格次数</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr v-if="jyycCount.toggle == 3">
                                    <td colspan="3">暂无数据</td>
                                </tr>
                                <tr v-if="jyycCount.toggle == 1">
                                    <td colspan="3">正在加载</td>
                                </tr>
                                <tr v-if="jyycCount.toggle == 2" v-for="(item,index) in ccjcCount.infoList">
                                    <td>{{ index + 1 }}</td>
                                    <td class="text-center">
                                        <a v-bind:href='"scjg/details?regNum=" + item.regNum + "&credNum=" +item.credNum + "&custName=" + item.custName + "&custId=" + item.custI'>
                                            {{ item.entName }}
                                        </a>
                                    </td>
                                    <td class="color-red">{{ item.failNum }}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <!--检查检验-->
            <div id="jcjy" class="cnt-box-main">
                <div class="cnt-box clearfix">
                    <div class="cnt-box-left">
                        <div class="clearfix">
                            <div class="box-hd" style="float:left">
                                <span class="hd-tip"></span>
                                <span>检查检验公示</span>
                            </div>
                            <div class="text-right getmore" style="float:right">
                                <a href="/scjg/jcjy">更多>></a>
                            </div>
                        </div>
                        <div class="box-cnt-main">
                            <div class="box-cnt-main">
                                <div class="text-center" v-if="jcjy.toggle == 3">暂无数据</div>
                                <div class="text-center" v-if="jcjy.toggle == 1">正在加载</div>
                                <div id="abnormalListDataBox" v-if="jcjy.toggle == 2" style="height: 510px;overflow: hidden">
                                    <div class="box-cnt" v-for="(item,index) in jcjy.infoList">
                                        <div class="box-cnt-title">
                                            <a href='"scjg/details?regNum=" + item.regNum + "&credNum=" +item.credNum + "&custName=" + item.custName + "&custId=" + item.custI'>
                                                {{ item.custName }}
                                            </a>
                                        </div>
                                        <div class="box-cnt-1" v-cloak>
                                            <span class="times" style="width: 350px;">不及格次数：{{ item.countAll - item.countQualified }}次</span>
                                            <span>检查结果： {{ item.jcjg }}</span>
                                        </div>
                                        <div class="box-cnt-2" v-cloak>
                                            <span class="times" style="width: 350px;">检查实施机关：{{ item.jcbm }}</span>
                                            <span>日期：{{ item.jcsj }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="cnt-box-right">
                        <div class="box-hd">
                            <span class="hd-tip"></span>
                            <span>不合格企业次数统计</span>
                        </div>
                        <div class="box-cnt">
                            <table class="table table-default">
                                <thead>
                                <tr>
                                    <th width="15%">排名</th>
                                    <th width="57%">主体名称</th>
                                    <th width="28%">不合格企业次数统计</th>
                                </tr>
                                </thead>
                                <tbody id="ccjcTbd">

                                <tr v-if="jyycCount.toggle == 3">
                                    <td colspan="3">暂无数据</td>
                                </tr>
                                <tr v-if="jyycCount.toggle == 1">
                                    <td colspan="3">正在加载</td>
                                </tr>
                                <tr v-for="(item,index) in jcjyCount.infoList">
                                    <td>{{ index + 1 }}</td>
                                    <td class="text-center">
                                        <a href='"scjg/details?regNum=" + item.regNum + "&credNum=" +item.credNum + "&custName=" + item.custName + "&custId=" + item.custI'>
                                            {{ item.custName }}
                                        </a>
                                    </td>
                                    <td class="color-red">{{ item.countAll }}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <!--行政处罚-->
            <div id="xzcf" class="cnt-box-main">
                <div class="cnt-box clearfix">
                    <div class="cnt-box-left">
                        <div class="clearfix">
                            <div class="box-hd" style="float:left">
                                <span class="hd-tip"></span>
                                <span>行政处罚公示</span>
                            </div>
                            <div class="text-right getmore" style="float:right">
                                <a href="/scjg/xzcf">更多>></a>
                            </div>
                        </div>
                        <div class="box-cnt-main">
                            <div class="text-center" v-if="xzcf.toggle == 3">暂无数据</div>
                            <div class="text-center" v-if="xzcf.toggle == 1">正在加载</div>
                            <div id="abnormalListDataBox" v-if="jyyc.toggle == 2" style="height: 510px;overflow: hidden">
                                <div class="box-cnt" v-for="(item,index) in xzcf.infoList">
                                    <div class="box-cnt-title">
                                        <a :href='"scjg/details?regNum=" + item.regNum + "&credNum=" +item.credNum + "&custName=" + item.custName + "&custId=" + item.custI'>
                                            {{ item.custName }}
                                        </a>
                                    </div>
                                    <div class="box-cnt-1" v-cloak>
                                        <span class="times" style="width: 350px;">处罚种类：{{ item.punishWay }}次</span>
                                        <span>处罚日期：{{ item.punishDate }}</span>
                                    </div>
                                    <div class="box-cnt-2" v-cloak>
                                        <span class="times" style="width: 350px;">处罚登记机关：{{ item.babm }}</span>
                                        <span>违法行为定性：{{ item.ay }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="cnt-box-right">
                        <div class="box-hd">
                            <span class="hd-tip"></span>
                            <span>受行政处罚企业次数统计</span>
                        </div>
                        <div class="box-cnt">
                            <table class="table table-default">
                                <thead>
                                <tr>
                                    <th width="15%">排名</th>
                                    <th width="57%">主体名称</th>
                                    <th width="28%">处罚次数</th>
                                </tr>
                                </thead>
                                <tbody id="ccjcTbd">
                                <tr v-if="jyycCount.toggle == 3">
                                    <td colspan="3">暂无数据</td>
                                </tr>
                                <tr v-if="jyycCount.toggle == 1">
                                    <td colspan="3">正在加载</td>
                                </tr>
                                <tr v-if="jyycCount.toggle == 2" v-for="(item1,index) in xzcfCount.infoList">
                                    <td>{{ index + 1 }}</td>
                                    <td class="text-center">
                                        <a :href='"scjg/details?regNum=" + item1.regNum + "&credNum=" +item1.credNum + "&custName=" + item1.custName + "&custId=" + item1.custI'>
                                            {{ item1.custName }}
                                        </a>
                                    </td>
                                    <td class="color-red">{{ item1.punishNum }}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<% include ../../layouts/layout.footer.ejs %>
<script src="/js/scjg/index.js"></script>

<script>

    $(function(){


        $("#cntNav a:first").addClass("bdradius-l");
        $("#cntNav a:last").addClass("bdradius-r");
        //所有btn样式变换函数
        var btnActive = function(id, activeClass, selector){
            var avtiveID;
            var btnDiv = document.getElementById(id);
            var btnArr = $(btnDiv).find(selector);
            for(var i=0;i<btnArr.length;i++){
                $($(btnArr)[i]).bind("click",function(event){
                    for(var j=0;j<btnArr.length;j++){
                        if($($(btnArr)[j]).attr("data-style") == 2){
                            $($(btnArr)[j]).attr("data-style",1);
                            $($(btnArr)[j]).removeClass(activeClass);
                        }
                    }
                    $(this).attr("data-style",2);
                    $(this).addClass(activeClass);
                });  //end--clickListen
            }
        };

        btnActive("cntNav", "active", ".cnt-nav-btn");

        $(window).scroll(function(){
            var scrollTop = $(window).scrollTop();
            if(scrollTop>=365)
            {
                $(".cnt-nav").addClass("nav-fixed");
            }else{
                $(".cnt-nav").removeClass("nav-fixed");
            }
            // 滑动样式
        if ($("#jyyc").offset().top <= $(document).scrollTop() + 148.85) {
            $("#cntNav a:nth-child(1)").click();
        };
        if ($("#yzwf").offset().top <= $(document).scrollTop() + 148.85) {
            $("#cntNav a:nth-child(2)").click();
        };
        if ($("#ccjc").offset().top <= $(document).scrollTop() + 148.85) {
            $("#cntNav a:nth-child(3)").click();
        };
        if ($("#jcjy").offset().top <= $(document).scrollTop() + 148.85) {
            $("#cntNav a:nth-child(4)").click();
        };
        if ($("#xzcf").offset().top <= $(document).scrollTop() + 148.85) {
            $("#cntNav a:nth-child(5)").click();
        };
        });

    })
</script>